<template>
    <div class="bigbox">
        <shopdetail-header></shopdetail-header>
        <shopdetail-content :item="datas"></shopdetail-content>
        <shopdetail-footer :item="datas"></shopdetail-footer>
    </div>
</template>
<script type="text/ecmascript-6">
  import ShopdetailHeader from "../components/shopdetail/shopdetail_header.vue";
  import ShopdetailContent from "../components/shopdetail/shopdetail_content.vue";
  import ShopdetailFooter from "../components/shopdetail/shopdetail_footer.vue";
  import message from "../apis/bshopapis";
    export default {
      components:{
        ShopdetailHeader,
        ShopdetailContent,
        ShopdetailFooter,
      },
      mounted:function(){
        this.initUi();
      },
      methods: {
        initUi: function () {
          var {id} = this.$route.query;
          message.getdata((data) => {
            this.datas = data[id];
          })
        }
      },
      data(){
        return {
          datas:[],
        }
      }
    }
</script>

<style scoped lang="scss">
  .bigbox{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height:100%;
  }
</style>
